<html>
<head>
    <script src="jquery.js"></script>
    <title>Testing jQuery</title>
</head>
<body>
    <p>Hello World!</p>
    <p class="foo">Another paragraph, but this one has a class.</p>
    <p><span>This is a span inside a paragraph.</span></p>
    <p id="bar">Paragraph with an id.
        <span class="foo">And this sentence is in a span.</span>
    </p>

    <form action="#" method="post">
        <fieldset>
            <legend>Sign Up Form</legend>
            <label for="name">Name</label><br />
            <input name="name" type="text" /><br />
            <label for="password">Password</label><br />
            <input name="password" type="password" /><br /><br />
            <label>
                <input type="radio" name="loc" /> I'm on my computer
            </label><br />
            <label>
                <input type="radio" name="loc" checked="checked" />
                I'm on a shared computer
            </label><br /><br />
            <input type="submit" value="Log In" /><br />
            <label>
                <input type="checkbox" name="notify" disabled="true" />
                Keep me signed in on this computer
            </label><br />
        </fieldset>
    </form>

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("jquery", "1.4.0");
    </script>
</body>
</html>